<template>
    <div class="addAdult">
        <div class="add_item" @click="outerVisible = true">编辑用户资料</div>
        <div class="dialog_from">
            <el-dialog title="编辑后台用户资料" :close-on-click-modal=false :visible.sync="outerVisible">
                <el-form :model="form">
                    <el-form-item label="用户名：" :label-width="formLabelWidth">
                        <el-input v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="密码：" :label-width="formLabelWidth">
                        <el-input v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="Email：" :label-width="formLabelWidth">
                        <el-input v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="真实姓名：" :label-width="formLabelWidth">
                        <el-input v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="英文名：" :label-width="formLabelWidth">
                        <el-input v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="手机号：" :label-width="formLabelWidth">
                        <el-input v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="QQ：" :label-width="formLabelWidth">
                        <el-input v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="skype：" :label-width="formLabelWidth">
                        <el-input v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="所属合作校：" :label-width="formLabelWidth">
                        <el-input v-model="form.name"></el-input>
                    </el-form-item>
                    <el-form-item label="用户组：" placeholder="超级管理员" :label-width="formLabelWidth">
                        <el-select v-model="form.grade">
                            <el-option label="销售1" value="销售1"></el-option>
                            <el-option label="销售2" value="销售2"></el-option>
                        </el-select>
                    </el-form-item>
                </el-form>
                <div slot="footer" class="dialog-footer">
                    <el-button class="dialog_close" @click="outerVisible = false">取 消</el-button>
                    <el-button class="dialog_confirm" type="primary" @click="outerVisible = false">保存</el-button>
                </div>
            </el-dialog>
        </div>
    </div>
</template>
<script>
 export default {
    data() {
        return {
                outerVisible: false,
                form: {
                    name: '',
                    delivery: false,
                    type: [],
                    desc: ''
                },
                // 表格
                formLabelWidth: '180px',
                columWidth:140,
                align:'center',
        };
    }
};
</script>
<style lang="less" scoped>
</style>

